// pages/kind/kind.js
import {getCategorylist, getCcategoryBrandList, getCategoryBrandProList} from '../../api/kind'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    categoryList: [], // 用来放所有的分类列表的 
    activeKey: 0, // 标记分类那个被选中
    brandList: [], // 用来放所有品牌的数组
    active: 0, // 用来标记选择哪个品牌
    proList: [] // 用来放商品列表
  },
  categoryClick(event){
    // 侧边分类列表的点击事件
    this.setData({
        activeKey: event.target.dataset.index,
        active: 0
    })

    // 获取品牌列表
    getCcategoryBrandList({
        category: event.target.dataset.title
    }).then(res => {
        // console.log(res);
        this.setData({
            brandList: res.data
        })

        // 获取商品列表
        getCategoryBrandProList({
            category: event.target.dataset.title,
            brand: this.data.brandList[0].brand
        }).then(res => {
            // console.log(res);
            this.setData({
                proList: res.data
            })
        })
    })


  },
  brandClick(event){
    // 品牌的点击事件
    // console.log(event);
    // 记录被点击品牌的索引值
    this.setData({
        active: event.detail.index
    })
    // 获取某分类下某品牌的所有商品
    // 获取商品列表
    getCategoryBrandProList({
        category: this.data.categoryList[this.data.activeKey],
        brand: event.detail.title
    }).then(res => {
        // console.log(res);
        this.setData({
            proList: res.data
        })
    })

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    //   获取分类列表数据
    getCategorylist().then(res => {
        // console.log(res.data);
        this.setData({
            categoryList: res.data
        })

        // 获取品牌列表
        getCcategoryBrandList({
            category: res.data[0]
        }).then(res => {
            // console.log(res);
            this.setData({
                brandList: res.data
            })

            // 获取商品列表
            getCategoryBrandProList({
                category: this.data.categoryList[0],
                brand: this.data.brandList[0].brand
            }).then(res => {
                // console.log(res);
                this.setData({
                    proList: res.data
                })
            })
        })

    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})